<!--  -->
<template>
  <div>
      <swiper ref="mySwiper">
        <!-- slides -->
        <swiper-slide><img src="./h1.jpg"/></swiper-slide>
        <swiper-slide><img src="./h2.jpg"/></swiper-slide>
        <swiper-slide><img src="./h3.jpg"/></swiper-slide>
        <swiper-slide><img src="./h4.jpg"/></swiper-slide>
      </swiper>
      <div class="house-title-containe layout"><div data-v-3ab9d187="" class="house-title">
            西单王府井 对面即是宣武医院菜市口地铁大一居
        </div> <div data-v-3ab9d187="" class="mark"><p data-v-3ab9d187="">环境优美</p> <p data-v-3ab9d187="">采光充足</p> <p data-v-3ab9d187="">舒适娴雅</p> <p data-v-3ab9d187="">通风良好</p></div> <div data-v-3ab9d187="" class="house-price">
            ¥<span data-v-3ab9d187="" class="money">427</span> <span data-v-3ab9d187="" class="house-class">起/晚</span></div></div>
  </div>
</template>

<script>
import "swiper/dist/css/swiper.css";
import { swiper, swiperSlide } from "vue-awesome-swiper";
export default {
  props: [],

  data() {
    return {
      swiper,
      swiperSlide
    };
  },

  created() {},

  mounted() {},

  watch: {},

  computed: {},

  methods: {},

  components: {}
};
</script>
<style lang='scss' scoped>
.swiper-slide {
  height: 240px;
}
</style>